<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Midori Kocak</title>
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css">
</head>
<body itemscope itemtype="http://schema.org/Person">
<header>
    <h1 itemprop="name">Midori Kocak</h1>
    <img src="img/image.png" width="150" alt="Midori Kocak"/>
    <nav>
        <ul>
            <li><a href="#summary">Summary</a></li>
            <li><a href="#work">Work</a></li>
            <li><a href="#education">Education</a></li>
            <li><a href="#skills">Skills</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>
    </nav>
</header>
<main>
    <article>
        <section id="summary">
            <h2>
                Summary
            </h2>
            <p>
                A <b>software engineer</b> with 10+ years experience in <i>web development</i> who loves to share her knowledge with people.
            </p>
        </section>
        <section id="work">
            <h2>Work</h2>
            <ul>
                <li>
                    <strong >McKinsey &amp; Company</strong><br>
                    <a href="http://mckinsey.com" itemprop="url">mckinsey.com</a><br>
                    <small>Senior Software Engineer</small>
                    <br>
                    March 2018 - Present<br>
                </li>

                <li>
                    <strong >Freelancer</strong><br>
                    <a href="http://github.com/midorikocak" itemprop="url">github.com/midorikocak</a><br>
                    <small>Software Engineer</small>
                    <br>
                    September 2016 - February 2018<br>
                </li>
                <li>
                    <strong >Massive Interactive</strong><br>
                    <a href="http://massive.co" itemprop="url">massive.co</a><br>
                    <small>Frontend Engineer</small>
                    <br>
                    August 2015 - August 2016<br>
                </li>
            </ul>
        </section>
        <section id="education">
            <h2>Education</h2>
            <ul>
                <li itemprop="alumniOf" itemscope itemtype="http://schema.org/CollegeOrUniversity">
                    <strong itemprop="name">Sabanci University</strong><br>
                    <a href="http://sabanciuniv.edu" itemprop="url">sabanciuniv.edu</a><br>
                    <small>Computer Science & Engineering</small>
                    <br>
                    2006 - 2010<br>
                </li>
            </ul>
        </section>
        <section id="languages">
            <h2>Languages</h2>
            <ul>
                <li>
                    Turkish - Native
                </li>
                <li>
                    English - Fluent
                </li>
                <li>
                    Italian - Fluent
                </li>
                <li>
                    Czech - Intermediate
                </li>
                <li>
                    Japanese - Beginner
                </li>
            </ul>
        </section>
        <section id="skills">
            <h2>Skills</h2>
            <ol>
                <li>
                    PHP / MySQL
                </li>
                <li>
                    HTML / CSS
                </li>
                <li>
                    JavaScript (React / Vue / Elm)
                </li>
            </ol>
        </section>
    </article>
</main>
<footer>
    <h2>Social</h2>
    <nav>
        <ul>
            <li><a href="http://linkedin.com/in/midorikocak">Linkedin</a></li>
        </ul>
    </nav>
    <section id="contact">
        <h2>Contact</h2>
        <ul>
            <li>
                <a href="mailto:mtkocak@gmail.com">E-mail</a>
            </li>
            <li>
                <a href="/me/contact.html">Contact Form</a>
            </li>
        </ul>
    </section>
</footer>
</body>
</html>